<script setup lang="ts">
import { ref, onMounted } from 'vue'
const imgRef = ref<HTMLImageElement | null>(null)

onMounted(() => {
  // 第一没提示，第二报错了
  // ! 号表示非空断言，他会排除 null 和 undefined 的情况（TS 的语法）
  // ? 可选链，表示前面不为 null 或 undefined 才往右边取值
  console.log(imgRef.value?.src)
})
</script>
<template>
  <div>
    <img src="https://pinia.vuejs.org/logo.svg" ref="imgRef" />
  </div>
</template>
